<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<html class="no-js" lang="">

<head>
    <!-- Meta Data -->
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Cirkle | User Grroups</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Favicon -->
    <link rel="shortcut icon" type="image/x-icon" href="${pageContext.request.contextPath}/static/media/favicon.png">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/dependencies/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/dependencies/icofont/icofont.min.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/dependencies/slick-carousel/css/slick.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/dependencies/slick-carousel/css/slick-theme.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/dependencies/magnific-popup/css/magnific-popup.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/dependencies/sal.js/sal.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/dependencies/mcustomscrollbar/jquery.mCustomScrollbar.min.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/dependencies/select2/css/select2.min.css">

    <!-- Site Stylesheet -->
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/assets/css/app.css">

    <!-- Google Web Fonts -->
    <link href="https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,300;0,400;0,600;0,700;0,800;0,900;1,400&display=swap" rel="stylesheet">
</head>

<body class="bg-link-water">
<!--[if lte IE 9]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
<![endif]-->
<a href="#wrapper" data-type="section-switch" class="scrollup">
    <i class="icofont-bubble-up"></i>
</a>
<!-- Preloader Start Here -->
<div id="preloader"></div>
<!-- Preloader End Here -->
<div id="wrapper" class="wrapper">
    <!-- Top Header -->
    <%@include file="top.jsp" %>
    <!-- Sidebar Left -->
    <%@include file="left.jsp" %>
    <!-- Sidebar Right -->
    <%@include file="right.jsp" %>
    <!-- Page Content -->
    <div class="page-content">

        <!--=====================================-->
        <!--=        Newsfeed  Area Start       =-->
        <!--=====================================-->
        <div class="container">
            <!-- Banner Area Start -->
            <div class="banner-user">
                <div class="banner-content">
                    <div class="media">
                        <div class="item-img">
                            <img src="${pageContext.request.contextPath}/static/img/${sos.uimg}" style="width: 115px" alt="User">
                        </div>
                        <div class="media-body">
                            <h3 class="item-title">${sos.uname}</h3>
                            <div class="item-subtitle">${sos.ublog}</div>
                            <ul class="item-social">
                                <li><a href="#" class="bg-fb"><i class="icofont-facebook"></i></a></li>
                                <li><a href="#" class="bg-twitter"><i class="icofont-twitter"></i></a></li>
                                <li><a href="#" class="bg-dribble"><i class="icofont-dribbble"></i></a></li>
                                <li><a href="#" class="bg-youtube"><i class="icofont-brand-youtube"></i></a></li>
                                <li><a href="#" class="bg-behance"><i class="icofont-behance"></i></a></li>
                            </ul>
                            <ul class="user-meta">
                                <li>帖子: <span>${sos.uposts}</span></li>
                                <li>评论: <span>${sos.ucomments}</span></li>
                                <li>地址: <span>${sos.uaddress}</span></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>


            <div id="user-view" class="user-grid-view">

                <!-- Chat Modal Here -->
                <div class="chat-conversion-box" id="chat-box-modal" tabindex="-1" aria-labelledby="chat-modal-label" aria-hidden="true">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h6 class="modal-title" id="chat-modal-label">Fahim Rahman <span class="online"></span></h6>
                                <div class="action-icon">
                                    <button class="chat-shrink"><i class="icofont-minus"></i></button>
                                    <button type="button" class="close chat-close chat-open" data-dismiss="modal" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                </div>
                            </div>
                            <div class="modal-body">
                                <ul class="chat-conversion">
                                    <li class="chat-others">
                                        <div class="author-img">
                                            <img src="${pageContext.request.contextPath}/static/media/figure/chat_12.jpg" alt="Chat">
                                        </div>
                                        <div class="author-text">
                                            <span>How are you Fahim vai ? Tommorow office will be your last day of Bachelor life.</span>
                                        </div>
                                    </li>
                                    <li class="chat-you">
                                        <div class="author-img">
                                            <img src="${pageContext.request.contextPath}/static/media/figure/chat_11.jpg" alt="Chat">
                                        </div>
                                        <div class="author-text">
                                            <span>hmm That's great</span>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <div class="modal-footer">
                                <form>
                                    <div class="form-group">
                                        <input type="text" class="form-control" placeholder="Write your text here.....">
                                        <div class="chat-plus-icon"><i class="icofont-plus-circle"></i></div>
                                        <div class="file-attach-icon">
                                            <a href="#"><i class="icofont-slightly-smile"></i></a>
                                            <a href="#"><i class="icofont-camera"></i></a>
                                            <a href="#"><i class="icofont-image"></i></a>
                                            <a href="#"><i class="icofont-mic"></i></a>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>


            <div id="div1" style="margin: auto; display: block" >
                <p><span id="span1" onclick="xiu" style="display: inline-block; margin-left: 770px">点击<a style="color: #00b0ff" onclick="xiugai()">修改</a></span></p>
                <table style="margin: auto">


                    <tr style="height: 60px; ">
                        <td><span style="display: inline-block">用户名:</span></td>
                        <td> <input type="text" name="fname" class="form-control" value="${sos.uname}" STYLE="width: 350px;display: inline-block;" readonly="readonly"></td>
                    </tr>

                    <tr  style="height: 60px; ">
                        <td><span style="display: inline-block">手机号:</span></td>
                        <td><input type="text"  name="lname" class="form-control" value="${sos.uphone}" STYLE="width: 350px;display: inline-block;"  readonly="readonly"></td>
                    </tr>
                    <tr style="height: 60px; ">
                        <td><span style="display: inline-block">密码:</span></td>
                        <td><input type="password"  name="password" class="form-control"  value="${sos.upwd}" STYLE="width: 350px;display: inline-block;"  readonly="readonly"></td>
                    </tr>
                    <tr style="height: 60px; ">
                        <td><span style="display: inline-block">邮箱:</span></td>
                        <td><input type="email"  name="email" class="form-control" value="${sos.uemail}" STYLE="width: 350px;display: inline-block;"  readonly="readonly"></td>
                    </tr>
                    <tr style="height: 60px;">
                        <td><span style="display: inline-block">地址:</span></td>
                        <td><input type="text"  name="lname" class="form-control" value="${sos.uaddress}" STYLE="width: 350px;display: inline-block;"  readonly="readonly"></td>
                    </tr>
                    <tr style="height: 60px;">

                    </tr>

                </table>



            </div>

            <div id="div2" style="margin: auto; display: none" >
                <form action="${pageContext.request.contextPath}/user/xiugai" method="post">
                    <table style="margin: auto">


                        <tr style="height: 60px; ">
                            <td><span style="display: inline-block">用户名:</span></td>
                            <td> <input type="text" id="fname" name="fname" class="form-control" value="${sos.uname}" STYLE="width: 350px;display: inline-block;"></td>
                        </tr>

                        <tr  style="height: 60px; ">
                            <td><span style="display: inline-block">手机号:</span></td>
                            <td><input type="text" id="lname" name="lname" class="form-control" value="${sos.uphone}" STYLE="width: 350px;display: inline-block;"></td>
                        </tr>
                        <tr style="height: 60px; ">
                            <td><span style="display: inline-block">密码:</span></td>
                            <td><input type="password" id="password" name="password" class="form-control"  value="${sos.upwd}" STYLE="width: 350px;display: inline-block;"></td>
                        </tr>
                        <tr style="height: 60px; ">
                            <td><span style="display: inline-block">邮箱:</span></td>
                            <td><input type="email" id="email" name="email" class="form-control" value="${sos.uemail}" STYLE="width: 350px;display: inline-block;"></td>
                        </tr>
                        <tr style="height: 60px;">
                            <td><span style="display: inline-block">地址:</span></td>
                            <td><input type="text" id="yanzheng" name="uaddress" class="form-control" value="${sos.uaddress}" STYLE="width: 350px;display: inline-block;"></td>
                        </tr>
                        <tr style="height: 60px;">
                            <td><span style="display: inline-block">性别:</span></td>
                            <td><div class="form-group">
                                <select class="select2" name="gender" data-placeholder="选择性别">
                                    <option value="0">男</option>
                                    <option value="1">女</option>
                                </select>
                                <input type="text" name="id" style="display: none" value="${sos.uid}">
                            </div></td>
                        </tr>

                        <tr style="height: 60px;">

                            <td colspan="2"><input type="submit" style="background-color: #615dfa;padding: 12px 50px; border: 0px;margin-left: 140px;
margin-top: 20px;" value="提交"></td>
                        </tr>

                    </table>

                </form>

            </div>
        </div>
    </div>
    <!-- Jquery Js -->
    <script src="${pageContext.request.contextPath}/static/dependencies/jquery/js/jquery.min.js"></script>
    <script src="${pageContext.request.contextPath}/static/dependencies/popper.js/js/popper.min.js"></script>
    <script src="${pageContext.request.contextPath}/static/dependencies/bootstrap/js/bootstrap.min.js"></script>
    <script src="${pageContext.request.contextPath}/static/dependencies/imagesloaded/js/imagesloaded.pkgd.min.js"></script>
    <script src="${pageContext.request.contextPath}/static/dependencies/isotope-layout/js/isotope.pkgd.min.js"></script>
    <script src="${pageContext.request.contextPath}/static/dependencies/slick-carousel/js/slick.min.js"></script>
    <script src="${pageContext.request.contextPath}/static/dependencies/sal.js/sal.js"></script>
    <script src="${pageContext.request.contextPath}/static/dependencies/magnific-popup/js/jquery.magnific-popup.min.js"></script>
    <script src="${pageContext.request.contextPath}/static/dependencies/mcustomscrollbar/jquery.mCustomScrollbar.concat.min.js"></script>
    <script src="${pageContext.request.contextPath}/static/dependencies/select2/js/select2.min.js"></script>
    <script src="${pageContext.request.contextPath}/static/dependencies/elevate-zoom/jquery.elevatezoom.js"></script>
    <script src="${pageContext.request.contextPath}/static/dependencies/bootstrap-validator/js/validator.min.js"></script>
    <script src="http://www.google.cn/maps/api/js?key=AIzaSyBtmXSwv4YmAKtcZyyad9W7D4AC08z0Rb4"></script>

    <!-- Site Scripts -->
    <script src="${pageContext.request.contextPath}/static/assets/js/app.js"></script>
    <script type="text/javascript">

        function xiugai() {
            $("#div1").hide();
            $("#div2").show();


        }


    </script>

</body>

</html>
